<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>怡荭书苑</title>
    <link rel="stylesheet" href="../css/common/base.css">
    <link rel="stylesheet" href="../css/detail.css">
    <!--<script src="https://cdn.bootcss.com/eruda/1.4.3/eruda.min.js"></script>-->
    <!--<script>eruda.init();</script>-->
    <script>(function flexible(c,b){var h=b.documentElement;var d=c.devicePixelRatio||1;function g(){if(b.body){b.body.style.fontSize=(12*d)+"px"}else{b.addEventListener("DOMContentLoaded",g)}}g();function e(){var i=h.clientWidth/10;h.style.fontSize=i+"px"}e();c.addEventListener("resize",e);c.addEventListener("pageshow",function(i){if(i.persisted){e()}});if(d>=2){var f=b.createElement("body");var a=b.createElement("div");a.style.border=".5px solid transparent";f.appendChild(a);h.appendChild(f);if(a.offsetHeight===1){h.classList.add("hairlines")}h.removeChild(f)}}(window,document));</script>
</head>
<body>
<div class="detail-wrapper">
    <div class="header clearfix">
        <div class="back-wrapper inline">首页</div>
        <div class="inline title tc">小说主页</div>
    </div>
    <div class="book-detail-wrapper">
        <div class="left-wrapper inline">
            <img src="" alt="" width="100%" height="100%">
        </div>
        <div class="right-wrapper inline">
            <p class="book-name"></p>
            <p class="words-and-status"><span class="words"></span><span class="status"></span></p>
            <p class="read-count-p">阅读量 <span class="read-count"></span></p>
            <p class="add-shelf" onclick="addShelf()"><span class="add-shelf-icon"></span><span class="add-shelf-btn">加入书架</span></p>
            <p class="add-shelf added"><span class="add-shelf-icon"></span><span class="add-shelf-btn">已加入书架</span></p>
            <ul class="cat-list"></ul>
        </div>
    </div>
    <div class="book-desc-wrapper">
        <div class="desc-detail inline"><p class="limit"></p></div>
        <div class="inline extend">展开</div>
    </div>
    <div class="read-and-gift-wrapper">
        <div class="read-btn-wrapper inline">
        </div>
        <div class="gift-btn-wrapper inline border-1px-all">
            <div class="icon-and-gift">
                <i class="inline gift-icon"></i><span class="inline gift">我要打赏</span>
            </div>
        </div>
    </div>
    <div class="buy-whole-wrapper">
        <p class="sell-book border-1px-all tc" onclick="buyBook()">全本购买仅需<span class="sell-price"></span>书币（原价<span class="origin-price"></span>书币）</p>
        <p class="has-bought tc">全本已购买</p>
    </div>
    <p class="split-line-wrapper"></p>
    <div class="catalog-wrapper">
        <div class="head clearfix">
            <div class="left-wrapper fl">目录</div>
            <div class="right-wrapper fr tr">更新至<span></span></div>
        </div>
        <div class="four-chapter">
            <ul>
            </ul>
        </div>
        <div class="more-catalog"><p>更多目录 <i class="more-catalog-icon"></i></p></div>
    </div>
    <p class="split-line-wrapper"></p>
    <div class="like-wrapper">
        <div class="head clearfix">
            <div class="title fl">猜你喜欢</div>
            <div class="more fr"><span class="inline">换一批</span><i class="more-icon inline"></i></div>
        </div>
        <div class="like-content">
            <ul>

            </ul>
        </div>
    </div>
    <p class="split-line-wrapper"></p>
    <div class="present-wrapper">
        <div class="head clearfix">
            <div class="title fl">本书打赏</div>
            <div class="present fr"><i class="present-icon inline"></i><span class="inline">我要打赏</span></div>
        </div>
        <div class="present-content">
            <ul>
            </ul>
            <div class="more-present"><p>查看更多<i class="more-present-icon"></i></p></div>
        </div>
    </div>
    <div class="select-present-mask">
        <div class="select-present-top-mask pa"></div>
        <div class="select-present-wrapper pa">
            <ul class="present-list">
            </ul>
            <div class="present-btn-wrapper">
                <div class="rest-coin inline tc">剩余书币：<span></span></div>
                <div class="recharge-btn inline">充值></div>
                <div class="present-btn inline tc" onclick="givePresent()">打赏</div>
            </div>
        </div>
    </div>
    <div class="back-top-wrapper"></div>
</div>
<script src="../js/libs/zepto.min.js"></script>
<script src="../js/libs/common.js"></script>
<script src="../js/detail.js"></script>
</body>
</html>